<gm:page title="Défilement Page Automatiquement avec scrollBy" authenticate="false">
 
  
     <!-- scrollBy()
     Fait défiler page automatiquement vers haut ou bas, gauche ou droite 
     nombre pixels mentionné. 
     Attend les paramètres suivants:
     1. valeur x = Nombre pixels défilement vers gauche ou droite. Valeurs 
        négatives défilent vers gauche, positives vers droite.
     2. valeur y = Nombre pixels défilement vers haut ou bas. Valeurs 
        négatives défilent vers haut, positives vers bas. 
 
      
     Exemple ci-dessous, avec boucle et "document.write()" écrit 100 lignes 
     dans le fichier. En dessous est noté un lien HTML. Pour atteindre ce 
     lien, l'utilisateur doit d'abord faire défiler l'écran vers le bas à 
     cause des 100 lignes qui ont été écrites. S'il clique sur le lien, 
     le défilement se fait automatiquement, lentement vers le haut. Pour 
     cela est appelée la fonction "vershaut()" qui recherche d'abord avec
     "pageYOffset" ou bien avec "document.body.offsetTop" pour Explorer 
     Internet MS, la position verticale dans la page. Ensuite le défilement
     se fait dans une boucle while aussi longtemps vers le haut que la 
     position de défilement atteigne 0. Pour cela, la valeur de y est 
     modifiée dans l'exemple à chaque fois de 10 pixels. Ainsi la page 
     défilera t-elle à chaque boucle de 10 pixels vers le haut. Dans cet
     exemple, l'effet de décalage dans le défilement vient de ce que les
     commandes de défilement sont incorporées dans la méthode "setTimeout()".
     -->
 
     <!-- Déclaration fonction -->
     <HEAD>
             
     <script language="Javascript">
     <!-- 
     for(var i=1; i<=100; i++) 
       document.write("<br>ligne " + i);
     function vershaut() { 
       var y=0; 
       if (window.pageYOffset) y = window.pageYOffset; 
       else if (document.body && document.body.scrollTop) y=document.body.scrollTop; 
       while(y > 0) {  
        setTimeout("window.scrollBy(0,-10)",10);  
        y = y - 10; 
       }
     }
     //-->
     </script>
               
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
 
     <A href="javascript:vershaut()">faire défiler vers le haut</A>
     
     </BODY>
 
</gm:page>

 
